<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" layout:decorate="~{fragments/layout}">
<head>
    <title>费用管理</title>

    <link th:href="@{/scripts/pagination/pagination.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/scripts/artDialog/default.css}" rel="stylesheet" type="text/css" />
    <link th:href="@{/scripts/My97DatePicker/skin/WdatePicker.css}" rel="stylesheet" type="text/css" />

    <script th:src="@{/scripts/pagination/jquery.pagination.js}"></script>
    <script th:src="@{/scripts/jquery.smartselect-1.1.min.js}"></script>
    <script th:src="@{/scripts/artDialog/artDialog.js}" ></script>
    <script th:src="@{/scripts/My97DatePicker/WdatePicker.js}"></script>
    <script th:src="@{/scripts/va/cost/list.js}"></script>
</head>
<body>
<div class="locationLine" layout:fragment="prompt">
    当前位置：首页 &gt; <em >费用管理</em>
</div>
<div class="statisticBox"  layout:fragment="content">
    <form id="queryForm" method="get">
    <div class="radiusGrayBox782">
        <div class="radiusGrayTop782"></div>
        <div class="radiusGrayMid782">
            <div class="dataSearchBox forUserRadius">
                <ul>
                    <li>
                    	<label class="preInpTxt f-left">费用年月</label>
                        <input onfocus="WdatePicker({dateFmt:'yyyy-MM'})" type="text" class="inp-list f-left w-200" id="costMonth" name="costMonth"/>
                    </li>
                    <li>
                    	<label class="preInpTxt f-left">费用类型</label>
                        <input  type="text" class="inp-list f-left w-200" id="costType" name="costType"/>
                    </li>
                    <li> <label class="preInpTxt f-left">科目</label>
                        <input type="text" class="inp-list f-left w-200" value="" id="subject" name="subject"/></li>
                    <li>
                        <label class="preInpTxt f-left">科目类别</label>
                        <input type="text" class="inp-list f-left w-200" value="" id="subjectType" name="subjectType"/>
                    </li>
                    <li>
                        <label class="preInpTxt f-left">科目代码</label>
                        <input type="text" class="inp-list f-left w-200" value="" id="subjectCode" name="subject"/>
                    </li>
                    <li>
                    	  <label class="preInpTxt f-left">科目名称</label>
                        <input type="text" class="inp-list f-left w-200" value="" id="subjectName" name="subjectName"/>
                    </li>
                    <li> <label class="preInpTxt f-left">产品线</label>
                        <input type="text" class="inp-list f-left w-200" value="" id="productLine" name="productLine"/>
                        </li>
                    <li>
                        <label class="preInpTxt f-left">部门名称</label>
                        <input type="text" class="inp-list f-left w-200" value="" id="departmentName" name="departmentName"/>
                    </li>
                    <li>
                     <label class="preInpTxt f-left">终极部门</label>
                        <input type="text" class="inp-list f-left w-200" value="" id="ultimateDept" name="ultimateDept"/>
                       
                    </li>
                    <li>
                     <label class="preInpTxt f-left">二级部门</label>
                        <input type="text" class="inp-list f-left w-200" value="" id="secondaryDept" name="secondaryDept"/>
                    </li>
                    <li>
                        <label class="preInpTxt f-left">一级部门</label>
                        <input type="text" class="inp-list f-left w-200" value="" id="primaryDept" name="primaryDept"/>
                    </li>
                    <li><label class="preInpTxt f-left">付款公司名</label>
                        <input type="text" class="inp-list f-left w-200" value="" id="paymentCompany" name="paymentCompany"/>
                    </li>
                    <li><label class="preInpTxt f-left">费用归属部门</label>
                        <input type="text" class="inp-list f-left w-200" value="" id="costBelongedDept" name="costBelongedDept"/>
                    </li>
                    	<li></li>
                    <li><a href="javascript:void(0)" class="blueBtn-62X30 f-right" id="searchBtn">查询</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="newBtnBox">
        <a id="IMPORTInf" class="blueBtn-62X30" href="javascript:void(0)">导入</a>
     	<a id="EXPORTInf" class="blueBtn-62X30" href="javascript:void(0)">导出</a>
        <a id="addCostInf" class="blueBtn-62X30" href="javascript:void(0)">新增</a>
    </div>
    <div class="dataDetailList mt-12">
        <table class="dataListTab">
            <thead>
            <tr>
                <th>ID</th>
                <th>科目</th>
                <th>科目类别</th>
                <th>付款公司名</th>
                <th>科目代码</th>
                <th>科目名称</th>
                <th>部门名称</th>
                <th>产品线</th>
                <th>费用年月</th>
                <th>本期借方发生额</th>
                <th>费用类型</th>
                <th>终极部门</th>
                <th>二级部门</th>
                <th>一级部门</th>
                <th>费用归属部门</th>
                <th>录入时间</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody id="tbodyContent">
            </tbody>
        </table>
        <div class="tableFootLine">
            <div class="pagebarList pagination"/>
        </div>
    </div>
    </form>
</div>
</body>
</html>
